<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
    <!-- 表格标签 -->
    <table align="center" border="1" callpadding = "2" cellspacing = "0" width = "500">
        <tr>
            <td>姓名</td>
            <td>性别</td>
            <td>年龄</td>
        </tr>
        <tr>
            <td>张三</td>
            <td rowspan="2">男</td>
            <td>18</td>
        </tr>
        <tr>
            <td>李四</td>
            <!-- <td>男</td> -->
            <td>17</td>
        </tr>
    </table>
    <!-- 列表标签 -->
    <h1>无序列表</h1>
    <ul type = "square">
        <li>列表1</li>
        <li>列表2</li>
        <li>列表3</li>
    </ul>

    <h1>有序列表</h1>
    <ol>
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ol>
    <h1>自定义列表</h1>
    <dl>
        <dt>1</dt>
        <dt>2</dt>
        <dt>3</dt>
    </dl>
    <!-- 表单标签 -->
    <form action="html01.html">hhh</form>
    请输入用户名:<input type="text"><br/>
    请输入密码：<input type="password"><br/>
    性别:
    <input type="radio" name="sex">男
    <input type="radio" name="sex">女
    <br/>
    爱好:
    <input type="checkbox">唱歌
    <input type="checkbox">跳舞
    <input type="checkbox">绘画
    <input type="checkbox">睡觉
    <br/>
    <input type="button" value="按钮" onclick="alert('hhhh')">
    <br/>
    <form action="html01.html">
        <input type="text" name="username">
        <input type="submit" value="提交">
    </form>
    <form>
        <input type="text" name="用户名">
        <input type="submit" value="提交">
        <input type="reset" value="清空">
    </form>
    <br/>
    <input type="file">
    <!-- label标签 -->
    <label for="male">男</label>
    <input id = "male" type ="radio" name="sex">
    <br/>
    <!-- select标签 -->
    <select>
        <option>请选择</option>
        <option selected>北京</option>
        <option>上海</option>
        <option>广州</option>
    </select>
    <br/>
    <!-- textarea标签 -->
    <textarea rows="30" cols="30"></textarea>
    <!-- 无语义标签 -->
    <div>
        <span>1</span>
        <span>2</span>
        <span>3</span>
        <span>4</span>
        <div>5</div>
    </div>

</body>
</html>